<!DOCTYPE html>
<html xmlns:th="www.thymeleaf.org">
<head th:replace="header::head"></head>
<title th:text="'新旧番剧《'+${detail.cname}+'》'+${playmap.get('pname')}+'在线观看-双辞动漫-专注二次元动漫的小站'">新旧番剧《赛马娘 Pretty Derby 第二季》第01集在线观看-双辞动漫-专注二次元动漫的小站</title>
<meta name="keywords"
      content="新旧番剧赛马娘 Pretty Derby 第二季,赛马娘 Pretty Derby 第二季第01集,赛马娘 Pretty Derby 第二季在线观看,双辞动漫-专注二次元动漫的小站"/>
<meta name="description"
      content="赛马娘 Pretty Derby 第二季剧情介绍：“我要和你一起实现梦想！”这是从异世界传承着光辉姓名与竞跑能力的“赛马娘”们，长久以来和人类共存的世界的故事。马娘目白麦昆背负起名门的声誉，向“天皇赏”连霸发起挑战。马娘东海帝皇憧憬着赛马史上首屈一指"/>
<script type="text/javascript">var maccms = {
    "path": "",
    "mid": "1",
    "url": "www.scdmfun.cn",
    "wapurl": "www.cdmfun.cn",
    "mob_status": "0"
};
var conchtpl = {
    "surl": "/search.html",
    "tipt": "网站公告",
    "tipc": "这里是双辞动漫新站<br><span class='hl-text-conch'>注意事项：</span>1.老站新老站账号不通用<br>老站网址：<span class='hl-text-conch'>dm.scdmfun.cn</span><br>2.如果登录后还是提示未登录请稍等一会再刷新即可<br>动漫闲聊群：<span class='hl-text-conch'>542266218</span>",
    "slink": "https://www.scdmfun.cn/",
    "short": "",
    "api": "0",
    "tok": "",
    "term": "long-term",
    "ver": "3.1"
}</script>
<body class="conch-hasone">
<div th:replace="header::.conch-header"></div>
<div id="conch-content" class="conch-content">
    <div class="conch-ctwrap-auto">
        <div class="container hl-paly-players">
            <div class="hl-row-box hl-ma0 clearfix">
                <div class="hl-col-xs-12 hl-col-md-70w hl-col-lg-9">
                    <div class="hl-player-wrap embed-responsive embed-responsive-16by9 by-qq362695000 clearfix">
                        <div class="hl-player-notice hl-this-box hl-text-white"><a class="hl-close-this"
                                                                                   href="javascript:void(0)"><i
                                class="iconfont hl-icon-cuo"></i></a>
                            <ul class="clearfix">
                                <li><strong><i class="hl-text-conch">提示：</i>请文明发送弹幕，营造一个良好的观影氛围</strong></li>
                                <li>如果无法播放请重新刷新页面，或者切换线路。视频载入速度跟网速有关，请耐心等待几秒钟。</li>
                            </ul>
                        </div>
                        <script type="text/javascript" src="/static/js/playerconfig.js?t=20220527"></script>
                        <script type="text/javascript" src="/static/js/player.js?t=a20220527"></script>
                        <style>
                            .MacPlayer {
                                background: #000000;
                                font-size: 14px;
                                color: #F6F6F6;
                                margin: 0px;
                                padding: 0px;
                                position: relative;
                                overflow: hidden;
                                width: 100%;
                                height: 100%;
                                min-height: 100px;
                            }

                            .MacPlayer table {
                                width: 100%;
                                height: 100%;
                            }

                            .MacPlayer #playleft {
                                position: inherit;
                            !important;
                                width: 100%;
                                height: 100%;
                            }
                        </style>
                        <div class="MacPlayer">
                            <iframe id="buffer" src="/static/player/prestrain.html" frameborder="0"
                                    scrolling="no" width="100%" height="100%"
                                    style="position: absolute; z-index: 99998; display: none;"></iframe>
                            <iframe id="install" src=""
                                    frameborder="0" scrolling="no" width="100%" height="100%"
                                    style="position:absolute;z-index:99998;display:none;"></iframe>
                            <table border="0" cellpadding="0" cellspacing="0">
                                <tbody>
                                <tr>
                                    <td id="playleft" valign="top" style="">
                                        <iframe border="0" th:src="${playaddress}" width="100%" marginwidth="0"
                                                framespacing="0" marginheight="0" frameborder="0" scrolling="no"
                                                vspale="0" noresize="" allowfullscreen="true">
                                        </iframe>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="hl-player-setups hl-text-white hl-tran5">
                            <div class="hl-setups-wrap">
                                <a href="javascript:void(0)"
                                   onclick="MAC.Gbook.Report('ID:42 -【名称：赛马娘 Pretty Derby 第二季 - 第01集】无法观看请检查修复')">
                                    <i class="iconfont hl-icon-jubao"></i>
                                    <span>报错</span>
                                </a>
                                <a href="javascript:void(0)" onclick="location.reload()">
                                    <i class="iconfont hl-icon-shuaxin"></i>
                                    <span>刷新</span>
                                </a>
                                <a th:href="${preaddress}" th:classappend="${preaddress==null?'hl-disad':''}">
                                    <i class="iconfont hl-icon-shangyiji"></i>
                                    <span>上一集</span>
                                </a>
                                <a th:href="${nextaddress}" th:classappend="${nextaddress==null?'hl-disad':''}">
                                    <i class="iconfont hl-icon-xiayiji"></i>
                                    <span>下一集</span>
                                </a>
                            </div>
                            <div class="hl-setups-op"><a href="javascript:void(0);"><i
                                    class="iconfont hl-icon-jiantouzuo"></i></a></div>
                        </div>
                    </div>
                </div>
                <div class="hl-col-xs-12 hl-playinfo-wrap">
                    <div class="hl-vod-infos clearfix">
                        <div class="hl-infos-head clearfix">
                            <a class="hl-infos-more hl-full-op hl-text-muted" href="javascript:void(0);">
                                <em class="hl-hidden-xs">简介</em>
                                <i class="iconfont hl-icon-jiantouyou"></i>
                            </a>
                            <h2>
                                <span class="hl-infos-title"><span th:text="${detail.cname}">赛马娘 Pretty Derby 第二季</span>
                                    <em class="hl-text-muted" th:text="${playmap.get('cpname')}">&nbsp;第01集</em>
                                </span>
                                <span class="hl-score-nums hl-text-conch hl-alert-items hl-half-items"><span
                                        th:text="${detail.cscore}">9.5</span>
                                    <div class="hl-score-box hl-alert-box hl-bg-site hl-fadeIn-sm hl-half-alert hl-half-y100 clearfix">
                                        <div class="hl-score-wrap hl-half-items clearfix">
                                            <div class="hl-bg-site hl-half-alert hl-half-y100">
                                                <div class="hl-score-info clearfix">
                                                    <div class="hl-score-nums hl-text-subs">
                                                        <span>9.5</span>
                                                    </div>
                                                    <div class="hl-score-title">
                                                        <span class="hl-text-site">网友评分</span>
                                                        <div class="rating-sm" data-mid="1" data-id="42" data-score="5">
                                                            <ul class="rating-s">
                                                                <li class="one current active-m active" title="很差"
                                                                    val="1">很差</li>
                                                                <li class="two current active-m active" title="较差"
                                                                    val="2">较差</li>
                                                                <li class="three current active-m active" title="还行"
                                                                    val="3">还行</li>
                                                                <li class="four active-m active" title="推荐"
                                                                    val="4">推荐</li>
                                                                <li class="five active-m active" title="力荐"
                                                                    val="5">力荐</li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <span class="hl-score-data hl-text-muted hl-pull-right">4次评分</span>
                                                </div>
                                                <div class="hl-score-rating">
                                                    <div id="rating" class="rating-list" data-mid="1" data-id="42"
                                                         data-score="5">
                                                        <span class="label-top hl-hide-sm hl-text-muted">给影片打分</span>
                                                        <span class="label-top hl-hide-sm">《赛马娘 Pretty Derby 第二季》</span>
                                                        <ul class="rating rating-star"><li class="big-star one"
                                                                                           title="很差" val="1">很差</li>
                                                            <li class="big-star two" title="较差" val="2">较差</li>
                                                            <li class="big-star three" title="还行" val="3">还行</li>
                                                            <li class="big-star four" title="推荐" val="4">推荐</li>
                                                            <li class="big-star five" title="力荐" val="5">力荐</li>
                                                        </ul>
                                                        <span id="ratewords"
                                                              class="label-list hl-text-muted hl-hidden-xs">我也要给影片打分</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <script type="text/javascript"
                                                    src="/template/conch/asset/js/parts/qireobj.js"></script>
                                            <script type="text/javascript"
                                                    src="/template/conch/asset/js/parts/gold.js"></script>
                                        </div>
                                    </div>
                                </span>
                            </h2>
                        </div>
                        <div class="hl-infos-content clearfix">
                            <div class="hl-tag-item clearfix">
                                <a class="hl-text-conch" href="javascript:void(0);"
                                   th:text="${detail.cstate}">全13集</a><i>/</i><a href="/search/year/2021.html"
                                                                                 target="_blank"
                                                                                 th:text="${detail.showYear.trim()}">2021</a><i>/</i><a
                                    href="#" target="_blank"
                                    th:text="${detail.showArea.trim()}">日本</a><i>/</i>
                                <a th:each="i:${#numbers.sequence(0,types.size()-1)}"><a
                                        th:href="'/search?ctype='+${types.get(i)}" target="_blank"
                                        th:text="${types.get(i)}"></a><i style="display: inline"
                                                                         th:if="${i}!=${types.size()-1}">/</i></a>
                            </div>
                            <div class="hl-tool-icon hl-text-muted" id="test">
                                <ul class="clearfix">
                                    <li class="hl-list-like"><a class="hl-like-btn digg_link" title="顶" data-id="42"
                                                                data-mid="1" data-type="up"
                                                                href="javascript:void(0);"><i
                                            class="iconfont hl-icon-zanshang"></i><i
                                            class="iconfont hl-icon-zanshang-fill"></i><em class="digg_num">7</em></a>
                                    </li>
                                    <li class="hl-list-comm"><a class="hl-comm-btn" title="评论" href="#pinglun"><i
                                            class="iconfont hl-icon-pinglun"></i><em>{{totalNum}}</em></a></li>
                                    <li class="hl-list-share hl-alert-items hl-half-items"><a class="hl-share-btn"
                                                                                              title="分享"
                                                                                              href="javascript:void(0);"><i
                                            class="iconfont hl-icon-fenxiang"></i></a>
                                        <div class="hl-share-box hl-alert-box hl-bg-site hl-fadeIn-sm hl-half-alert hl-half-y100">
                                            <div class="hl-qrcode-wrap hl-hidden-xs"><p class="hl-text-site">微信扫一扫</p>
                                                <div class="hl-cans hl-hide"></div>
                                                <p class="hl-qrcode-pic hl-qrcode"></p></div>
                                            <div class="hl-links-wrap"><span class="hl-share-tips hl-text-muted">复制下方链接，去粘贴给好友吧</span><span
                                                    class="hl-share-link hl-short-url hl-bg-subs" id="hl-short">-赛马娘 Pretty Derby 第二季-第01集</span><span
                                                    class="hl-copy-btn hl-btn-gradient conch-copy" id="hl-copy"
                                                    data-clipboard-action="copy"
                                                    data-clipboard-target="#hl-short">复制链接</span></div>
                                        </div>
                                    </li>
                                    <li><a title="收藏" :class="iscollected?'disabled':''"
                                           @click="collect()"><i class="iconfont hl-icon-shoucang"></i></a></li>
                                    <li class="hl-list-qrcode hl-alert-items hl-pops-items"><a class="hl-weixin-btn"
                                                                                               title="微信"
                                                                                               href="javascript:void(0);"><i
                                            class="iconfont hl-icon-weixin"></i></a>
                                        <div class="hl-alert-box hl-bg-site hl-fadeIn-sm">
                                            <div class="hl-qrcode-wrap"><p class="hl-qrcode-pic"><img src="/"></p>
                                                <p class="hl-text-muted"></p></div>
                                        </div>
                                    </li>
                                    <li class="hl-list-qrcode hl-alert-items hl-pops-items hl-hidden-xs"><a
                                            class="hl-mqrcode-btn" title="手机" href="javascript:void(0);"><i
                                            class="iconfont hl-icon-shouji"></i></a>
                                        <div class="hl-alert-box hl-bg-site hl-fadeIn">
                                            <div class="hl-qrcode-wrap">
                                                <div class="hl-cans hl-hide"></div>
                                                <p class="hl-qrcode-pic hl-qrcode"></p>
                                                <p class="hl-text-muted">扫一扫用手机访问</p></div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="hl-vod-data hl-full-items">
                            <div class="hl-data-sm hl-full-alert hl-full-x100">
                                <div class="hl-full-head hl-hide-sm"><a class="hl-close-full hl-text-muted"
                                                                        href="javascript:void(0)"><i
                                        class="iconfont hl-icon-cuo"></i></a></div>
                                <h2 class="hl-full-title hl-hide-sm">影片信息</h2>
                                <div class="hl-full-box clearfix">
                                    <div class="hl-item-pic">
                                        <span class="hl-item-thumb hl-lazy"
                                              th:attr="title=${detail.cname},data-original=${detail.cimage}">
                                            <div class="hl-pic-tag">
                                                <span class="state">正片</span>
                                            </div>
                                        </span>
                                    </div>
                                    <ul class="clearfix">
                                        <li class="hl-col-xs-12 hl-hidden-xs hl-vod-name">
                                            <h2 th:text="${detail.cname}">赛马娘 Pretty Derby 第二季</h2>
                                        </li>
                                        <li class="hl-col-xs-12 hl-hide-sm">
                                            <em class="hl-text-muted">片名：</em>
                                            <span th:text="${detail.cname}">赛马娘 Pretty Derby 第二季</span>
                                        </li>
                                        <li class="hl-col-xs-12"><em class="hl-text-muted">状态：</em>
                                            <span class="hl-text-conch" th:text="${detail.cstate}">全13集</span>
                                        </li>
                                        <li class="hl-col-xs-12"><em class="hl-text-muted">主演：</em>
                                            <span th:each="i:${#numbers.sequence(0,protagonists.size()-1)}">
                                                <a th:href="'/search?protagonist='+${protagonists.get(i)}"
                                                   target="_blank" th:text="${protagonists.get(i)}">江口拓也</a>
                                                <i style="display: inline" th:if="${i}!=${protagonists.size()-1}">/</i>
                                            </span>
                                        </li>
                                        <li class="hl-col-xs-12"><em class="hl-text-muted">导演：</em>
                                            <span th:each="i:${#numbers.sequence(0,directors.size()-1)}">
                                                <a th:href="'/search?director='+${directors.get(i)}"
                                                   target="_blank" th:text="${directors.get(i)}">古桥一浩</a>
                                                <i style="display: inline" th:if="${i}!=${directors.size()-1}">/</i>
                                            </span>
                                        </li>
                                        <li class="hl-col-xs-12 hl-col-sm-4">
                                            <em class="hl-text-muted">年份：</em>
                                            <span th:text="${detail.showYear}">2021</span>
                                        </li>
                                        <li class="hl-col-xs-12 hl-col-sm-4">
                                            <em class="hl-text-muted">地区：</em>
                                            <span th:text="${detail.showArea}">日本</span>
                                        </li>
                                        <li class="hl-col-xs-12 hl-col-sm-4"><em class="hl-text-muted">类型：</em>
                                            <span th:each="i:${#numbers.sequence(0,types.size()-1)}">
                                                <a th:href="'/search?ctype='+${types.get(i)}" target="_blank"
                                                   th:text="${types.get(i)}">搞笑</a>
                                                <i style="display: inline" th:if="${i}!=${types.size()-1}">/</i>
                                            </span>
                                        </li>
                                        <li class="hl-col-xs-12 hl-col-sm-4">
                                            <em class="hl-text-muted">时长：</em>
                                            <span th:text="${detail.chour}">24</span>
                                        </li>
                                        <li class="hl-col-xs-12 hl-col-sm-4">
                                            <em class="hl-text-muted">上映：</em>
                                            <span th:text="${detail.showTime}+'('+${detail.showArea}+')'">2021年1月4日(日本)</span>
                                        </li>
                                        <li class="hl-col-xs-12 hl-col-sm-4">
                                            <em class="hl-text-muted">语言：</em>
                                            <span th:text="${detail.clanguage}">日语</span>
                                        </li>
                                        <li class="hl-col-xs-12">
                                            <em class="hl-text-muted">更新：</em>
                                            <span th:text="${detail.lastDate}">2022-04-21 21:40</span>
                                        </li>
                                        <li class="hl-col-xs-12 blurb">
                                            <em class="hl-text-muted">简介：</em>
                                            <span th:text="${detail.synopsis}==null?'暂无简介':${detail.synopsis}">“我要和你一起实现梦想！”这是从异世界传承着光辉姓名与竞跑能力的“赛马娘”们，长久以来和人类共存的世界的故事。马娘目白麦昆背负起名门的声誉，向“天皇赏”连霸发起挑战。马娘东海帝皇憧憬着赛马史上首屈一指的马娘鲁铎象征，剑指“皋月赏”、“日本德比”、“菊花赏”三连冠。二人既是对手，也是伙伴。她们一同怀抱着梦想，向着“闪光系列赛”的优胜，全力奔跑！</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="hl-crumbs-all hl-hidden-xs">
                        <div class="hl-crumbs-list hl-lc-1 clearfix">
                            <a class="hl-crumb-item hl-text-muted" href="/">首页</a>
                            <a class="hl-crumb-item hl-text-muted" href="/type/1.html">新旧番剧</a>
                            <a class="hl-crumb-item hl-text-muted" href="/type/12.html" th:if="${csname}!=null"
                               th:text="${csname}">四月新番</a>
                            <span class="hl-crumb-item" th:text="${detail.cname}">赛马娘 Pretty Derby 第二季</span></div>
                    </div>
                </div>
                <div class="hl-col-xs-12 hl-col-md-30w hl-col-lg-3 hl-playside-wrap">
                    <div class="hl-play-scrollbar hl-play-side">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide clearfix" style="height: auto;">
                                <div class="hl-row-box hl-rb-playlist hl-playpage-playlist hl-tabs-item clearfix"
                                     id="playlist">
                                    <div class="hl-rb-head clearfix"><h3 class="hl-rb-title">播放列表</h3>
                                        <div class="hl-rb-tips hl-notice-box hl-text-muted">
                                            <marquee scrollamount="4" behavior="scroll" onmouseover=this.stop() onmouseout=this.start()>
                                                <span class="hl-tabs-box2" style="display: block;">
                                                    <i class="iconfont hl-icon-tongzhi"></i>&nbsp;当前资源来源
                                                    <span class="hl-text-site">双辞动漫①</span>&nbsp;-&nbsp;在线播放,无需安装播放器
                                                </span>
                                                <span class="hl-tabs-box2" style="display: none;" th:if="${pmaps.size()}>1">
                                                    <i class="iconfont hl-icon-tongzhi"></i>&nbsp;当前资源来源
                                                    <span class="hl-text-site">双辞动漫②</span>&nbsp;-&nbsp;在线播放,无需安装播放器
                                                </span>
                                            </marquee>
                                            <div class="hl-nb-right-s"><i class="hl-mbg"></i></div>
                                            <div class="hl-nb-left-s" th:if="${pmaps.size()}>1"><i class="hl-mbg"></i></div>
                                        </div>
                                        <a class="hl-sort-btn hl-rb-more hl-text-muted hl-pull-right"
                                           href="javascript:void(0)"><i class="iconfont hl-icon-daoxu"></i>&nbsp;<span>倒序</span></a>
                                    </div>
                                    <div class="hl-play-source hl-hidden">
                                        <div class="hl-plays-wrap hl-tabs-swiper">
                                            <div class="hl-plays-from hl-tabs swiper-wrapper clearfix">
                                                <a class="hl-tabs-btn hl-slide-swiper" href="javascript:void(0);" th:classappend="${playmap.get('pname') eq '双辞动漫①'} ? 'active':''" alt="双辞动漫①">
                                                    <i class="iconfont hl-icon-shipin"></i>&nbsp;双辞动漫①</a>
                                                <a class="hl-tabs-btn hl-slide-swiper" href="javascript:void(0);" th:classappend="${playmap.get('pname') eq '双辞动漫②'} ? 'active':''" alt="双辞动漫②" th:if="${pmaps.size()}>1">
                                                    <i class="iconfont hl-icon-shipin"></i>&nbsp;双辞动漫②</a>
                                            </div>
                                        </div>
                                        <div class="hl-tabs-box hl-fadeIn" style="display: block;">
                                            <div class="row">
                                                <div class="hl-list-wrap">
                                                    <ul class="hl-plays-list hl-sort-list hl-list-hide-xs hl-list-md clearfix" id="hl-plays-list">
                                                        <li class="hl-col-xs-4 hl-col-sm-2 hl-col-md-6" th:each="pmap:${pmaps.get('双辞动漫①')}">
                                                            <a th:classappend="${#strings.contains(playmap.get('cpname'),pmap.cpname)} ? 'hl-text-conch active':''" alt="双辞动漫①"
                                                               th:href="'/play?ctid='+${detail.ctid}+'&cpname='+${pmap.cpname}+'&pname=双辞动漫①'">
                                                                <em class="hl-play-active hl-bg-conch" th:if="${#strings.contains(playmap.get('cpname'),pmap.cpname) and #strings.contains(playmap.get('pname'),'双辞动漫①')}"></em>
                                                                <span th:text="${pmap.cpname}">第01集</span>
                                                            </a>
                                                        </li>
                                                        <div th:if="${pmaps.get('双辞动漫①').size()}>8" class="hl-show-div hl-col-xs-4 hl-col-sm-2 hl-col-md-6">
                                                            <a class="hl-show-list" href="javascript:void(0)">
                                                                <i class="iconfont hl-icon-jiantoushang"></i>
                                                                <em>展开全部</em>
                                                            </a>
                                                        </div>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="hl-tabs-box hl-fadeIn" style="display: none;" th:if="${pmaps.size()}>1">
                                            <div class="row">
                                                <div class="hl-list-wrap">
                                                    <ul class="hl-plays-list hl-sort-list clearfix" id="hl-plays-list">
                                                        <li class="hl-show-div hl-col-xs-4 hl-col-sm-2 hl-col-md-6" th:each="pmap:${pmaps.get('双辞动漫②')}">
                                                            <a th:classappend="${#strings.contains(playmap.get('cpname'),pmap.cpname)} and ${#strings.contains(playmap.get('pname'),pmap.pname)} ? 'hl-text-conch active':''" alt="双辞动漫②"
                                                               th:href="'/play?ctid='+${detail.ctid}+'&cpname='+${pmap.cpname}+'&pname=双辞动漫②'">
                                                                <em class="hl-play-active hl-bg-conch" th:if="${#strings.contains(playmap.get('cpname'),pmap.cpname)} and ${#strings.contains(playmap.get('pname'),'双辞动漫②')}"></em>
                                                                <span th:text="${pmap.cpname}">第01集</span>
                                                            </a>
                                                        </li>
                                                        <div th:if="${pmaps.get('双辞动漫②').size()}>8" class="hl-show-div hl-col-xs-4 hl-col-sm-2 hl-col-md-6"><a
                                                                class="hl-show-list" href="javascript:void(0)"><i
                                                                class="iconfont hl-icon-jiantoushang"></i><em>展开全部</em></a>
                                                        </div>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="hl-row-box hl-rb-relvod hl-one-relvod hl-hidden-xs hl-hidden-sm clearfix">
                                    <div class="hl-rb-head clearfix"><h3 class="hl-rb-title">猜你喜欢</h3></div>
                                    <div class="row">
                                        <div class="hl-list-wrap">
                                            <ul class="hl-vod-list hl-wide-list clearfix">
                                                <li class="hl-list-item hl-col-xs-6 hl-col-sm-25w hl-col-md-12" th:each="list:${preferlist}"><a
                                                        class="hl-item-thumb hl-lazy" th:href="'/detail?ctid='+${list.ctid}"
                                                        th:attr="title=${list.cname},data-original=${list.cimage}">
                                                    <div class="hl-pic-icon hl-hidden-xs"><i
                                                            class="iconfont hl-icon-bofang-fill"></i></div>
                                                    <div class="hl-pic-tag"><span class="state">正片</span></div>
                                                    <div class="hl-pic-text"><span class="hl-lc-1 remarks" th:text="${list.cstate}">更新至7集</span>
                                                    </div>
                                                </a>
                                                    <div class="hl-item-text">
                                                        <div class="hl-item-title hl-text-site hl-lc-1"><a
                                                                th:href="'/detail?ctid='+${list.ctid}"
                                                                th:attr="title=${list.cname}" th:text="${list.cname}">社畜小姐想被幽灵幼女治愈</a>
                                                        </div>
                                                        <div class="hl-item-sub hl-text-muted hl-lc-1"><span
                                                                class="hl-text-conch score" th:text="${list.cscore}">10.0</span><span th:text="${list.alias}">社畜想被幼女幽灵疗愈</span>/
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-scrollbar"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="conch-ctwrap hl-pa0">
        <div class="container">
            <div class="hl-row-box clearfix">
                <div class="hl-col-xs-12 hl-col-md-70w hl-col-lg-9">
                    <div class="hl-rb-left hl-marg-right50 clearfix">
                        <div class="hl-row-box hl-rb-relvod clearfix">
                            <div class="hl-rb-head clearfix"><h3 class="hl-rb-title">为你推荐</h3><a
                                    class="hl-rb-more hl-text-muted hl-pull-right hl-more-change" href="javascript:;"><i
                                    class="iconfont hl-icon-qiehuan"></i>&nbsp;换一换</a></div>
                            <div class="row">
                                <div class="hl-list-wrap hl-change-list">
                                    <div class="hl-change-box1">
                                        <ul class="hl-vod-list clearfix">
                                            <li class="hl-list-item hl-col-xs-4 hl-col-sm-3 hl-col-lg-20w" th:each="list:${referlist1}"><a
                                                    class="hl-item-thumb hl-lazy" th:href="'/detail?ctid='+${list.ctid}"
                                                    th:attr="title=${list.cname},data-original=${list.cimage}">
                                                <div class="hl-pic-icon hl-hidden-xs"><i
                                                        class="iconfont hl-icon-bofang-fill"></i></div>
                                                <div class="hl-pic-tag"><span class="state">正片</span></div>
                                                <div class="hl-pic-text"><span class="hl-lc-1 remarks" th:text="${list.cstate}">更新至8集</span>
                                                </div>
                                            </a>
                                                <div class="hl-item-text">
                                                    <div class="hl-item-title hl-text-site hl-lc-1"><a
                                                            th:href="'/detail?ctid='+${list.ctid}" th:attr="title=${list.cname}" th:text="${list.cname}">处刑少女的生存之道</a>
                                                    </div>
                                                    <div class="hl-item-sub hl-text-muted hl-lc-1"><span
                                                            class="hl-text-conch score" th:text="${list.cscore}">10.0</span><span th:text="${list.alias}">バージンロード/</span>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="hl-change-box2 hl-hide">
                                        <ul class="hl-vod-list clearfix">
                                            <li class="hl-list-item hl-col-xs-4 hl-col-sm-3 hl-col-lg-20w" th:each="list:${referlist2}"><a
                                                    class="hl-item-thumb hl-lazy" th:href="'/detail?ctid='+${list.ctid}"
                                                    th:attr="title=${list.cname},data-original=${list.cimage}">
                                                <div class="hl-pic-icon hl-hidden-xs"><i
                                                        class="iconfont hl-icon-bofang-fill"></i></div>
                                                <div class="hl-pic-tag"><span class="state">正片</span></div>
                                                <div class="hl-pic-text"><span class="hl-lc-1 remarks" th:text="${list.cstate}">更新至8集</span>
                                                </div>
                                            </a>
                                                <div class="hl-item-text">
                                                    <div class="hl-item-title hl-text-site hl-lc-1"><a
                                                            th:href="'/detail?ctid='+${list.ctid}" th:attr="title=${list.cname}" th:text="${list.cname}">处刑少女的生存之道</a>
                                                    </div>
                                                    <div class="hl-item-sub hl-text-muted hl-lc-1"><span
                                                            class="hl-text-conch score" th:text="${list.cscore}">10.0</span><span th:text="${list.alias}">バージンロード/</span>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="hl-change-box3 hl-hide">
                                        <ul class="hl-vod-list clearfix">
                                            <li class="hl-list-item hl-col-xs-4 hl-col-sm-3 hl-col-lg-20w" th:each="list:${referlist3}"><a
                                                    class="hl-item-thumb hl-lazy" th:href="'/detail?ctid='+${list.ctid}"
                                                    th:attr="title=${list.cname},data-original=${list.cimage}">
                                                <div class="hl-pic-icon hl-hidden-xs"><i
                                                        class="iconfont hl-icon-bofang-fill"></i></div>
                                                <div class="hl-pic-tag"><span class="state">正片</span></div>
                                                <div class="hl-pic-text"><span class="hl-lc-1 remarks" th:text="${list.cstate}">更新至8集</span>
                                                </div>
                                            </a>
                                                <div class="hl-item-text">
                                                    <div class="hl-item-title hl-text-site hl-lc-1"><a
                                                            th:href="'/detail?ctid='+${list.ctid}" th:attr="title=${list.cname}" th:text="${list.cname}">处刑少女的生存之道</a>
                                                    </div>
                                                    <div class="hl-item-sub hl-text-muted hl-lc-1"><span
                                                            class="hl-text-conch score" th:text="${list.cscore}">10.0</span><span th:text="${list.alias}">バージンロード/</span>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="hl-goto-box hl-hide-sm"><a
                                            class="hl-bg-subs hl-text-muted hl-more-change" href="javascript:;"><i
                                            class="iconfont hl-icon-qiehuan"></i>&nbsp;换一换</a></div>
                                </div>
                            </div>
                        </div>
                        <div class="hl-row-box hl-rb-relart clearfix">
                            <div class="hl-rb-head clearfix"><h3 class="hl-rb-title">最新资讯</h3><a
                                    class="hl-rb-more hl-text-muted hl-pull-right" href="/art/index.html">更多<i
                                    class="iconfont hl-icon-jiantouyou"></i></a></div>
                            <div class="row">
                                <div class="hl-list-wrap hl-list-grid">
                                    <ul class="hl-art-list clearfix">
                                        <li class="hl-list-item hl-col-xs-12 hl-col-sm-3 hl-col-lg-20w">
                                            <div class="hl-item-wrap">
                                                <div class="row">
                                                    <div class="hl-item-div">
                                                        <div class="hl-item-pic hl-col-xs-4 hl-col-sm-12"><a
                                                                href="/artdetail-2.html" title="关于登录后继续提示未登录问题的通知"
                                                                class="hl-item-thumb hl-lazy"
                                                                data-original="https://pic.imgdb.cn/item/6233524e5baa1a80ab790a7f.jpg"><span
                                                                class="hl-pic-icon hl-hidden-xs"><i
                                                                class="iconfont hl-icon-lianjie"></i></span></a></div>
                                                        <div class="hl-item-content hl-col-xs-8 hl-col-sm-12"><a
                                                                class="hl-text-site" href="/artdetail-2.html"
                                                                title="关于登录后继续提示未登录问题的通知">
                                                            <div class="hl-item-title">关于登录后继续提示未登录问题的通知</div>
                                                        </a>
                                                            <div class="hl-item-blurb hl-lc-1 hl-text-muted"><span><i
                                                                    class="hl-item-class">网站公告</i><i>05月20日 00:31</i></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="hl-list-item hl-col-xs-12 hl-col-sm-3 hl-col-lg-20w">
                                            <div class="hl-item-wrap">
                                                <div class="row">
                                                    <div class="hl-item-div">
                                                        <div class="hl-item-pic hl-col-xs-4 hl-col-sm-12"><a
                                                                href="/artdetail-1.html" title="关于近期动漫播放失败及动漫过少问题的通知"
                                                                class="hl-item-thumb hl-lazy"
                                                                data-original="https://pic.imgdb.cn/item/6217e5fb2ab3f51d918f16f9.png"><span
                                                                class="hl-pic-icon hl-hidden-xs"><i
                                                                class="iconfont hl-icon-lianjie"></i></span></a></div>
                                                        <div class="hl-item-content hl-col-xs-8 hl-col-sm-12"><a
                                                                class="hl-text-site" href="/artdetail-1.html"
                                                                title="关于近期动漫播放失败及动漫过少问题的通知">
                                                            <div class="hl-item-title">关于近期动漫播放失败及动漫过少问题的通知</div>
                                                        </a>
                                                            <div class="hl-item-blurb hl-lc-1 hl-text-muted"><span><i
                                                                    class="hl-item-class">网站公告</i><i>04月04日</i></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                    <div class="hl-goto-box hl-hide-sm"><a class="hl-bg-subs hl-text-muted"
                                                                           href="/art/index.html">更多<i
                                            class="iconfont hl-icon-jiantouyou"></i></a></div>
                                </div>
                            </div>
                        </div>
                        <div class="hl-row-box hl-rb-comm clearfix" id="pinglun">
                            <div class="hl-rb-head clearfix"><h3 class="hl-rb-title">评论</h3><span
                                    class="hl-rb-more hl-text-muted">共&nbsp;<em style="color: #F787A9">{{totalNum}}</em>&nbsp;条评论</span>
                            </div>
                            <div class="hl-comm-wrap mac_comment" v-if="getDiscuss">
                                <div class="hl-comm-input">
                                    <div class="hl-comm-avat"><img
                                            :src="user.ucount==null?'/static/images/touxiang.png':(user.uimage==null?'/upload/user/4/884.jpg':user.uimage)">
                                    </div>
                                    <form class="hl-comm-form comment_form clearfix"><input type="hidden"
                                                                                            name="comment_pid"
                                                                                            value="0">
                                        <div class="hl-comm-write clearfix hl-comm-start"><textarea @focus="show"
                                                                                                    @keydown="changefontnum"
                                                                                                    @change="changefontnum"
                                                                                                    class="hl-comm-content comment_content"
                                                                                                    name="comment_content"
                                                                                                    maxlength="200"
                                                                                                    placeholder="文明发言，共建和谐社会"
                                                                                                    v-model="massage"></textarea>
                                            <div class="hl-comm-handle clearfix" :style="isShow?'':'display: none'"><a
                                                    class="hl-comm-face hl-text-muted comment_face_panel"
                                                    href="javascript:void(0)"><i class="iconfont hl-icon-biaoqing"></i></a>
                                                <div class="hl-comm-face-box hl-alert-box hl-bg-site hl-fadeIn comment_face_box">
                                                    <img data-id="1"
                                                         src="/static/images/face/1.gif"><img
                                                        data-id="2"
                                                        src="/static/images/face/2.gif"><img
                                                        data-id="3" src="/static/images/face/3.gif"><img data-id="4"
                                                                                                         src="/static/images/face/4.gif"><img
                                                        data-id="5" src="/static/images/face/5.gif"><img data-id="6"
                                                                                                         src="/static/images/face/6.gif"><img
                                                        data-id="7" src="/static/images/face/7.gif"><img data-id="8"
                                                                                                         src="/static/images/face/8.gif"><img
                                                        data-id="9" src="/static/images/face/9.gif"><img data-id="10"
                                                                                                         src="/static/images/face/10.gif"><img
                                                        data-id="11" src="/static/images/face/11.gif"><img data-id="12"
                                                                                                           src="/static/images/face/12.gif"><img
                                                        data-id="13" src="/static/images/face/13.gif"><img data-id="14"
                                                                                                           src="/static/images/face/14.gif"><img
                                                        data-id="15" src="/static/images/face/15.gif"><img data-id="16"
                                                                                                           src="/static/images/face/16.gif">
                                                </div>
                                                <div class="hl-comm-remaining hl-text-muted">还可以输入<span
                                                        class="comment_remaining">{{fontnum}}</span></div>
                                                <input class="hl-comm-submit hl-bg-conch comment_submit" type="button"
                                                       @click="discuss(ctid)"
                                                       value="发布"></div>
                                        </div>
                                    </form>
                                </div>
                                <div class="hl-comm-list">
                                    <ul class="clearfix" v-if="commentList.length>0">
                                        <li class="hl-comm-each" v-for="(list,index) in commentList">
                                            <div class="hl-comm-avat"><img
                                                    :src="usermap[list.uid].uimage==null?'/upload/user/4/884.jpg':usermap[list.uid].uimage">
                                            </div>
                                            <div class="hl-comm-head"><span class="hl-comm-name hl-text-site">{{usermap[list.uid].ucount}}</span><span
                                                    class="hl-comm-time hl-text-muted">{{list.cmdate}}</span></div>
                                            <div class="hl-comm-cont">
                                                <div class="hl-comm-content hl-text-site">{{list.cmdetails}}</div>
                                                <div class="hl-comm-action hl-text-muted clearfix"><a class="digg_link"
                                                                                                      @click="praise(list.cmid,list.ctid,list.uid)"><i
                                                        class="iconfont hl-icon-zanshang"></i><em
                                                        class="digg_num">{{list.praisenum}}</em></a><a
                                                        @click="stamp(list.cmid,list.ctid,list.uid)"
                                                        class="digg_link"><i
                                                        class="iconfont hl-icon-zanxia"></i><em class="digg_num">{{list.stampnum}}</em></a><a
                                                        class="comment_reply" data-id="120"
                                                        @click="changeShowReply(index)"
                                                        v-text="isShowReply[index]==true?'取消回复':'回复'"></a><a
                                                        class="comment_report" data-id="120" href="javascript:;">举报</a>
                                                </div>
                                                <form class="hl-comm-form comment_form clearfix comment_reply_form"
                                                      v-if="isShowReply[index]">
                                                    <input type="hidden" name="comment_pid" value="120">
                                                    <div class="hl-comm-write clearfix hl-comm-start"><textarea
                                                            v-model="massageChild[index]"
                                                            @keydown="changefontnumChild(index)"
                                                            class="hl-comm-content comment_content"
                                                            @change="changefontnumChild(index)"
                                                            name="comment_content" placeholder="文明发言，共建和谐社会"></textarea>
                                                        <div class="hl-comm-handle clearfix"><a
                                                                class="hl-comm-face hl-text-muted comment_face_panel"
                                                                href="javascript:void(0)"><i
                                                                class="iconfont hl-icon-biaoqing"></i></a>
                                                            <div class="hl-comm-face-box hl-alert-box hl-bg-site hl-fadeIn comment_face_box">
                                                                <img data-id="1"
                                                                     src="https://www.scdmfun.cn/static/images/face/1.gif"><img
                                                                    data-id="2" src="/static/images/face/2.gif"><img
                                                                    data-id="3" src="/static/images/face/3.gif"><img
                                                                    data-id="4" src="/static/images/face/4.gif"><img
                                                                    data-id="5" src="/static/images/face/5.gif"><img
                                                                    data-id="6" src="/static/images/face/6.gif"><img
                                                                    data-id="7" src="/static/images/face/7.gif"><img
                                                                    data-id="8" src="/static/images/face/8.gif"><img
                                                                    data-id="9" src="/static/images/face/9.gif"><img
                                                                    data-id="10" src="/static/images/face/10.gif"><img
                                                                    data-id="11" src="/static/images/face/11.gif"><img
                                                                    data-id="12" src="/static/images/face/12.gif"><img
                                                                    data-id="13" src="/static/images/face/13.gif"><img
                                                                    data-id="14" src="/static/images/face/14.gif"><img
                                                                    data-id="15" src="/static/images/face/15.gif"><img
                                                                    data-id="16" src="/static/images/face/16.gif"></div>
                                                            <div class="hl-comm-remaining hl-text-muted">还可以输入<span
                                                                    class="comment_remaining">{{fontnumChild[index]}}</span>
                                                            </div>
                                                            <input class="hl-comm-submit hl-bg-conch comment_submit"
                                                                   @click="rediscuss(list.cmid,index)"
                                                                   type="button" value="发布"></div>
                                                    </div>
                                                </form>
                                                <div class="hl-comm-reply hl-comm-ry-child"
                                                     v-if="commentmap[list.uid]!=null && commentmap[list.uid].length>0"
                                                     v-for="map in commentmap[list.cmid]">
                                                    <div class="hl-comm-avat"><img
                                                            :src="usermap[map.uid].uimage==null?'/upload/user/4/884.jpg':usermap[map.uid].uimage">
                                                    </div>
                                                    <div class="hl-comm-cont">
                                                        <div class="hl-comm-content hl-text-site"><span
                                                                class="hl-comm-name">{{usermap[map.uid].ucount}}</span>：<span>{{map.cmsdetail}}</span>&nbsp;&nbsp;<span
                                                                class="hl-comm-time hl-text-muted">{{map.cmsdate}}</span>
                                                        </div>
                                                        <div class="hl-comm-action hl-text-muted clearfix"><a
                                                                @click="repraise(map.cmid,map.cmsid,map.uid)"
                                                                class="digg_link"><i
                                                                class="iconfont hl-icon-zanshang"></i><em
                                                                class="digg_num">{{map.praisenum}}</em></a><a
                                                                class="digg_link"
                                                                @click="restamp(map.cmid,map.cmsid,map.uid)"><i
                                                                class="iconfont hl-icon-zanxia"></i><em
                                                                class="digg_num">{{map.stampnum}}</em></a><a
                                                                data-id="121"
                                                                href="javascript:;"
                                                                class="comment_report_child">举报</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                    <div class="hl-empty-wrap hl-text-center hl-col-xs-12"
                                         v-if="commentList.length<=0"><i
                                            class="iconfont hl-icon-wupinglun"></i>
                                        <p>当前暂无评论，赶紧抢个沙发</p></div>
                                </div>
                                <script type="text/javascript"> var $input = $(".hl-comm-input .hl-comm-content"),
                                    $wrap = $(".hl-comm-input .hl-comm-write");
                                $input.focus(function () {
                                    $wrap.addClass("hl-comm-start").addClass("hl-comm-focus");
                                });
                                $input.blur(function () {
                                    $wrap.removeClass("hl-comm-focus");
                                });</script>
                                <script type="text/javascript">$('.hl-total').html('8');</script>
                            </div>
                            <div class="hl-comm-wrap mac_comment" v-if="!getDiscuss">
                                <a href="javascript:void(0)">评论加载失败，点击我刷新...</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="hl-col-xs-12 hl-col-md-30w hl-col-lg-3 hl-hidden-xs">
                    <div class="hl-rb-side clearfix">
                        <div class="hl-row-box hl-rb-rank clearfix">
                            <div class="hl-rb-head clearfix"><h3 class="hl-rb-title" th:text="${csname}==null?'新旧番剧'+'排行榜':${csname}+'排行榜'">新旧番剧排行榜</h3><a
                                    class="hl-rb-more hl-text-muted hl-pull-right" th:href="${csname}==null?'/rank':'/rank?sort='+${csname}">更多<i
                                    class="iconfont hl-icon-jiantouyou"></i></a></div>
                            <div class="hl-rank-box hl-text-site">
                                <ul class="hl-rank-list clearfix">
                                    <li th:each="i:${#numbers.sequence(0, ranklist.size()>10?9:ranklist.size()-1)}">
                                        <a class="hl-lc-1" th:attr="title=${ranklist.get(i).cname}" th:href="'/detail?ctid='+${ranklist.get(i).ctid}"><span
                                                th:classappend="'hl-part-nums hl-num-'+${i+1}" th:text="${i}+1">1</span><span
                                                class="hl-item-pic hl-hide-sm"><i class="hl-item-thumb hl-lazy"
                                                                                  th:attr="data-original=${ranklist.get(i).cimage}"></i></span><span
                                                th:text="${ranklist.get(i).cname}">更衣人偶坠入爱河</span></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript"> var $high = $(".hl-player-notice").innerHeight();

    function autoScroll(obj) {
        $(obj).find("ul").animate({marginTop: "-" + $high + "px"}, 500, function () {
            $(this).css({marginTop: "0px"}).find("li:first").appendTo(this);
        })
    }

    $(function () {
        setInterval('autoScroll(".hl-player-notice")', 3500);
    }) </script>
    <script type="text/javascript">var Sw = $(window).width();
    if (Sw < 768) {
        $(".hl-player-wrap").addClass("embed-responsive").css("padding-bottom", "56.25%");
    } else {
        $(".hl-player-wrap").addClass("embed-responsive").css("padding-bottom", "56.25%");
        if (Sw > 992) {
            var Ph = $('.hl-player-wrap').innerHeight();
            $(".hl-play-side").css("height", Ph);
        }
    }</script>
    <span style="display: none" class="mac_hits hits" data-mid="1" data-id="42" data-type="hits"></span><span
        style="display: none" class="hl-vod-history" data-name="赛马娘 Pretty Derby 第二季" data-link="/play/42-1-1.html"
        data-pic="https://pic.imgdb.cn/item/6218eddb2ab3f51d9169e510.jpg" data-part="第01集"></span><span
        style="display: none" class="mac_hits hits" data-mid="1" data-id="42" data-type="hits"></span><span
        style="display: none" class="mac_hits hits_day" data-mid="1" data-id="42" data-type="hits_day"></span><span
        style="display: none" class="mac_hits hits_week" data-mid="1" data-id="42" data-type="hits_week"></span>
    <span style="display: none" class="mac_hits hits_month" data-mid="1" data-id="42" data-type="hits_month"></span>
    <span style="display:none" class="mac_ulog_set" data-type="4" data-mid="1" data-id="42" data-sid="1"
          data-nid="1"></span></div>
<div th:replace="index::.conch-footer"></div>
<script type="text/javascript">
    var playmap='[[${playmapstr}]]';
    playmap=playmap.replace(/&quot;/g,'"');
    playmap=JSON.parse(playmap);
    var ctid='[[${ctid}]]';
    var a = new Vue({
        el: "#test",
        data: {
            user: login.$data.user,
            ctid: parseInt(ctid),
            pname: playmap["pname"],
            cpname: playmap["cpname"],
            iscollected: false,
            totalNum: 0,
        },
        methods: {
            addPlays(){
                if (this.user.uid==undefined||this.user.uid==null){
                    return;
                }
                var url='addPlays.do';
                var params=new URLSearchParams();
                params.append("uid",this.user.uid);
                params.append("ctid",this.ctid);
                params.append("pname",this.pname);
                params.append("cpname",this.cpname);
                axios.post(url,params);
            },
            collect() {
                var uid = login.$data.user.uid;
                if (uid == undefined || uid == null) {
                    alert("您未登录，请先登录后进行收藏");
                    return;
                }
                if (this.iscollected) {
                    this.cancelcollect(uid, this.ctid);
                } else {
                    this.addcollect(uid, this.ctid);
                }
            },
            addcollect(uid, ctid) {
                var url = "addcollect.do";
                var params = new URLSearchParams();
                params.append("uid", uid);
                params.append("ctid", ctid);
                axios.post(url, params).then(res => {
                    var data = res.data;
                    if (data.code == 1) {
                        this.iscollected = true;
                    }
                    alert(data.msg);
                })
            },
            cancelcollect(uid, ctid) {
                var url = "cancelcollect.do";
                var params = new URLSearchParams();
                params.append("uid", uid);
                params.append("ctid", ctid);
                axios.post(url, params).then(res => {
                    var data = res.data;
                    if (data.code == 1) {
                        this.iscollected = false;
                    }
                    alert(data.msg);
                })
            },
            checkCollected() {
                var uid = login.$data.user.uid;
                if (uid == undefined || uid == null) {
                    return;
                }
                var url = "checkCollected.do";
                var params = new URLSearchParams();
                params.append("uid", uid);
                params.append("ctid", this.ctid);
                axios.post(url, params).then(res => {
                    var data = res.data;
                    if (data.code == 1) {
                        this.iscollected = true;
                    }
                })
            },
        },
        beforeMount() {
            this.addPlays();
            this.checkCollected();
        },
        watch:{
            user(newobj,oldobj){
                this.user = login.$data.user;
                this.addPlays();
            }
        }
    });
</script>
<script type="text/javascript">
    var ctid='[[${ctid}]]';
    var pinglun=new Vue({
        el: '#pinglun',
        data:{
            massage: '',
            massageChild: [''],
            ctid: parseInt(ctid),
            totalNum: 0,
            commentmap: [],
            usermap: [],
            commentList: [],
            isShow: false,
            fontnum: 200,
            fontnumChild: [200],
            isShowReply: [false],
            user: {},
            isgetDiscuss: false
        },
        methods: {
            show() {
                this.isShow = true;
            },
            hide() {
                this.isShow = false;
            },
            changeShowReply(index) {
                if (index > this.isShowReply.length) {
                    this.isShowReply.splice(index);
                }
                this.$set(this.isShowReply, index, !this.isShowReply[index]);
                for (let i = 0; i < this.isShowReply.length; i++) {
                    if (i != index) {
                        this.$set(this.isShowReply, i, false);
                    }
                }
            },
            changefontnum() {
                this.fontnum = 200 - this.massage.length;
                if (this.fontnum <= 0) {
                    alert("留言框字数已达上限");
                }
            },
            changefontnumChild(index) {
                this.fontnumChild[index] = 200 - this.massageChild[index].length;
                if (this.fontnumChild[index] <= 0) {
                    alert("留言框字数已达上限");
                }
            },
            discuss() {
                if (Object.keys(this.user).length === 0 && this.user.constructor === Object) {
                    alert("您未登录，请先登录后再进行评论");
                    return;
                }
                if (this.massage.length == 0) {
                    alert("评论内容不能为空");
                    return;
                }
                var url = "discuss.do";
                var params = new URLSearchParams();
                params.append("ctid", this.ctid);
                params.append("uid", this.user.uid);
                params.append("massage", this.massage);
                axios.post(url, params).then(res => {
                    var data = res.data;
                    if (data.code == 1) {
                        this.getDiscuss();
                        this.massage = '';
                    }
                    alert(data.msg);
                });
            },
            rediscuss(cmid, index) {
                if (Object.keys(this.user).length === 0 && this.user.constructor === Object) {
                    alert("您未登录，请先登录后再进行评论");
                    return;
                }
                if (this.massageChild[index].length == 0) {
                    alert("评论内容不能为空");
                    return;
                }
                var url = "addReview.do";
                var params = new URLSearchParams();
                params.append("cmid", cmid);
                params.append("uid", this.user.uid);
                params.append("massage", this.massageChild[index]);
                axios.post(url, params).then(res => {
                    var data = res.data;
                    if (data.code == 1) {
                        this.getDiscuss();
                        this.massageChild[index] = '';
                    }
                    alert(data.msg);
                });
            },
            praise(cmid, ctid, uid) {
                if (Object.keys(this.user).length === 0 && this.user.constructor === Object) {
                    alert("您未登录，请先登录后再进行评论");
                    return;
                }
                var url = "addPraise.do";
                var params = new URLSearchParams();
                params.append("cmid", cmid);
                params.append("ctid", ctid);
                params.append("uid", uid);
                axios.post(url, params).then(res => {
                    var data = res.data;
                    if (data.code == 1) {
                        this.getDiscuss();
                    }
                    alert(data.msg);
                });
            },
            repraise(cmid, cmsid, uid) {
                if (Object.keys(this.user).length === 0 && this.user.constructor === Object) {
                    alert("您未登录，请先登录后再进行评论");
                    return;
                }
                var url = "addRePraise.do";
                var params = new URLSearchParams();
                params.append("cmid", cmid);
                params.append("uid", uid);
                params.append("cmsid", cmsid);
                axios.post(url, params).then(res => {
                    var data = res.data;
                    if (data.code == 1) {
                        this.getDiscuss();
                    }
                    alert(data.msg);
                });
            },
            stamp(cmid, ctid, uid) {
                if (Object.keys(this.user).length === 0 && this.user.constructor === Object) {
                    alert("您未登录，请先登录后再进行评论");
                    return;
                }
                var url = "addStamp.do";
                var params = new URLSearchParams();
                params.append("cmid", cmid);
                params.append("ctid", ctid);
                params.append("uid", uid);
                axios.post(url, params).then(res => {
                    var data = res.data;
                    if (data.code == 1) {
                        this.getDiscuss();
                    }
                    alert(data.msg);
                });
            },
            restamp(cmid, cmsid, uid) {
                if (Object.keys(this.user).length === 0 && this.user.constructor === Object) {
                    alert("您未登录，请先登录后再进行评论");
                    return;
                }
                var url = "addReStamp.do";
                var params = new URLSearchParams();
                params.append("cmid", cmid);
                params.append("uid", uid);
                params.append("cmsid", cmsid);
                axios.post(url, params).then(res => {
                    var data = res.data;
                    if (data.code == 1) {
                        this.getDiscuss();
                    }
                    alert(data.msg);
                });
            },
            getDiscuss() {
                var url = "getDiscuss.do";
                var params = new URLSearchParams();
                params.append("ctid", this.ctid);
                axios.post(url, params).then(res => {
                    var data = res.data;
                    if (data.code == 1) {
                        this.totalNum = data.data["totalNum"];
                        a.$data.totalNum=this.totalNum;
                        this.commentList = data.data["commentList"];
                        this.commentmap = data.data["commentmap"];
                        this.usermap = data.data["usermap"];
                        this.isgetDiscuss=true;
                    }
                })
            }
        },
        beforeMount() {
            this.user = login.$data.user;
            this.getDiscuss();
        },
    })
</script>
</body>
</html>